<!--右侧内容开始-->
<div class="fadeIn">
    <br/>
    <ol class="breadcrumb">
        <li class="active"><span class="glyphicon glyphicon-home" style="color:#23527c"></span>&nbsp;<mainpage></mainpage></li>
        <li class="active">运维工作台 / 参数配置管理 / 规则参数管理 / 禁发时段管理</li>
    </ol>
    <div class="rightbar">
        <div id="serviceEnd" class="showEle sign1">
            <form action="forbidRule/out-excel" method="post" id="form" name="myform">
                <div class="left marT15 marR10">
                        <span class="search-name">业务端名称</span>
                        <select class="form-control1 svrNodeName" ng-change='getSms()' ng-model="searchData.svrNode" name="svrNode">
                            <option value="">全部</option>
                            <option value={{row.SVR_NODE}} ng-repeat="row in listData1">{{row.SVR_NODE_NAME}}</option>
                        </select>
                </div>
                <div class="left marT15 marR10">
                    <span class="search-name">短信类型名称</span>
                    <select class="form-control1 serviceName" ng-model="searchData.serviceCode" name="serviceCode">
                        <option value="">全部</option>
                        <option value={{row.serviceCode}} ng-repeat="row in listData2">{{row.serviceName}}</option>
                    </select>
                </div>
                <div class="left marT15 marR10">
                    <span class="search-name">状态</span>
                    <select class="form-control1"  ng-model='searchData.status' id="sel" name="status">
                        <option value="">全部</option>
                        <option value="1">有效</option>
                        <option value="0" >无效</option>
                    </select>
                </div>
            </form>
            <button class="btn btn-sm btn-primary left marT15" id="search" ng-click='search()'><span class="glyphicon glyphicon-search"></span></button>
            <div class="right marT15" style="position:relative">
                <button class="btn btn-sm btn-primary" ng-click='outExcel()'><img style="width:25px; height:20px;" src="img/excel.png">导出表格<span ng-style='loadStyle' class="outExcelLoad"><img  src="img/load.gif"></span>
                </button>
            </div>

     <div class="table-box">

            <table class="table table-bordered table-striped text-center bg-info marT15">
                <thead >
                <tr class="info">
                    <th class="text-center">序号</th>
                    <th class="text-center">禁发时段规则名称</th>
                    <th class="text-center">业务端名称</th>
                    <th class="text-center">短信类型名称</th>
                    <th class="text-center">禁发开始时间</th>
                    <th class="text-center">禁发结束时间</th>
                    <th class="text-center">状态</th>
                    <th class="text-center">说明</th>
                    <th class="text-center">操作</th>
                </tr>
                </thead>
                <tbody id="appList">
                <tr ng-repeat="Item in result">
                    <td>{{$index+1}}</td>
                    <td style="min-width: 160px;">{{Item.forbidRuleName}}</td>
                    <td class="w115">{{Item.svrNodeName}}</td>
                    <td class="w115">{{Item.serviceName}}</td>
                    <td class="w115">{{Item.startTimeStr}}</td>
                    <td class="w115">{{Item.endTimeStr}}</td>
                    <td> <span ng-if='"1"==Item.status' >有效</span>
                        <span ng-if='"0"==Item.status' >无效</span></td>
                    <td style="min-width: 200px; word-break: break-all;">{{ Item.desc }}</td>
                    <td style="min-width: 160px">
                        <a class="marR10"
                           ng-click='changeStstus($index,Item.forbidRuleId,Item.status)'
                           ng-show="'0'===Item.status">生效</a>
                        <a class="marR10"
                           ng-click='changeStstus($index,Item.forbidRuleId,Item.status)'
                           ng-show="'1'===Item.status">失效</a>
                        <a  class="marR10" data-toggle="modal" data-target="#add1"  ng-click="editTr('修改',Item.forbidRuleId)">修改</a>
                        <a  class="" data-toggle="modal" data-target="#delete" ng-click='delete(Item.forbidRuleId,$index)'>删除</a></td>
                </tr>

                </tbody>
                <tfoot>
                <tr>
                    <td><a class="glyphicon glyphicon-plus" data-toggle="modal" ng-click="editTr('添加')" data-target="#add1"></a></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                </tfoot>

            </table>
      </div>


            <page></page>
        </div>
    </div>
</div>
<!--右侧内容结束-->
</div>

<!--添加程序弹窗-->
<div class="modal fade" id="add1" tabindex="-1" role="dialog" aria-labelledby="add11">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >{{popup}}禁发时段信息</h4>
            </div>
            <div class="modal-body">
                <div class="row marB15">
                   
                       <div class="col-sm-6" >
                           <label><span class="left">禁发规则名称：</span></label>
                           <input type="text" class="form-control line4 right" ng-model="addData.forbidRuleName">
                       </div>
                   
                   
                       <div class="col-sm-6">
                           <label><span class="left">业务端名称：</span></label>
                           <select class="form-control line4 right"  
                           ng-model="addData.svrNode" 
                           ng-change='getServiceCode()'>
                               <!--<option value="{{listData1[0].SVR_NODE}}" selected="selected">{{listData1[0].SVR_NODE_NAME}}</option>-->
                              <option value="">--请选择--</option>
                               <option value={{row.SVR_NODE}} ng-repeat="row in listData1">{{row.SVR_NODE_NAME}}</option>
                           </select>
                       </div>
                   
                </div>
                
                <div class="row marB15">
                    <div class="col-xs-6">
                            <label class="left"><span>短信类型名称:</span></label>
                            <select class="form-control right line4" ng-model="addData.serviceCode" >
                                <!--<option value="{{listData2[0].serviceCode}}" selected="selected">{{listData2[0].serviceName}}</option>-->
                                <option value="">--请选择--</option>
                                <option value={{row.serviceCode}} ng-repeat="row in serviceList">{{row.serviceName}}</option>

                            </select>
                    </div>
                    <div class="col-xs-6">
                            <label class="left"><span>状态:</span></label>
                            <select class="form-control right line4" ng-model="addData.status">
                                <option value="1" >有效</option>
                                <option value="0">无效</option>
                            </select>
                    </div>
                </div>
                <div class="row marB15">
                   <span class="col-xs-6">
                       <div class="input-group" style="height: 28px">
                           <span class="input-group-addon" style="padding:0px 5px">禁发开始时间：</span>
                           <input type="text" class="form-control startTimehour" 
                           onkeyup="this.value=this.value.replace(/\D/g,'')"
                           oninput="if(parseInt(value)>24 || value.length>2)value='00'" 
                           ng-model="timeData.startTimehour">
                           <span class="input-group-addon" style="padding:0px 5px">时</span>
                           <input type="text" class="form-control startTimesecnd" 
                            onkeyup="this.value=this.value.replace(/\D/g,'')" 
                            oninput="if(parseInt(value)>60 || value.length>2)value='00'"
                            ng-model="timeData.startTimesecnd"  >
                           <span class="input-group-addon" style="padding:0px 5px">分</span>

                       </div>
                   </span>
                   <span class="col-xs-6">
                       <div class="input-group">
                           <span class="input-group-addon" style="padding:0px 5px">禁发结束时间：</span>
                           <input type="text" class="form-control endTimehour" 
                           onkeyup="this.value=this.value.replace(/\D/g,'')" 
                           oninput="if(parseInt(value)>24 || value.length>2)value='00'"
                           ng-model="timeData.endTimehour">
                           <span class="input-group-addon" style="padding:0px 5px">时</span>
                           <input type="text" class="form-control endTimesecnd" 
                           onkeyup="this.value=this.value.replace(/\D/g,'')" 
                           oninput="if(parseInt(value)>60 || value.length>2)value='00'"
                           ng-model="timeData.endTimesecnd">
                           <span class="input-group-addon" style="padding:0px 5px">分</span>
                       </div>
                   </span>

                </div>
            
                      
                
                <div class="marT15 clearfix">
                   <span>
                       <label class="left"><span>禁发时段说明 ：</span></label>
                        <textarea class="left form-control desc" ng-model="addData.desc"></textarea>
                   </span>
                </div>
<br>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary btn-sm" ng-click='editSave()' >保存</button>
            </div>
        </div>
    </div>
</div>
<!-- 参数添加结束 -->
<!-- 提示框 -->
<div class="modal fade" id="delete">
    <div class="modal-dialog">
        <div class="modal-content message_align">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">提示信息</h4>
            </div>
            <div class="modal-body">
                <p>您确认删除吗？</p>
            </div>
            <div class="modal-footer">
                <input type="hidden" id="url"/>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <a ng-click="deleteTr()" class="btn btn-primary" data-dismiss="modal">确定</a>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- 提示框结束 -->
<!-- 加载框 -->
  <span class='loaded' ng-show='loaded'><img  src="img/load.gif"></span>
<!-- 加载框 完成-->